<!DOCTYPE html>
<html lang="zh-CH">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>明日方舟 - Arknights</title>
    <link href="./css/style.css" type="text/css" rel="stylesheet" />
    <link rel="shortcut icon" href="./img/index/icon.png">
</head>

<body>
    <div id="loading">
        <img id="loadingLog" src="./img/index/title.png">
        <span id="ProgressBar">
            <span id="ProgressBarLeft"></span>
            <b id="Progress">0%</b>
            <span id="ProgressBarRight"></span>
        </span>
    </div>
    <div id="mouseCircle"></div>
    <div class="login">
        <a id="buttonLogIn" href="./html/signIn.html" target="_blank">登录</a>
        <a id="buttonLogon" href="./html/signUp.html" target="_blank">注册</a>
    </div>

    <span id="share"><img id="shareImg" src="./img/index/share.jpg" onclick="shareBar()">
        <span id="shareMeanu">
            <ul id="shareUl">
                <li class="shareLi"><a class="shareTo" href="" target="_blank"></a></li>
                <li class="shareLi"><a class="shareTo" href="https://www.weibo.com/arknights?is_all=1" target="_blank"></a></li>
                <li class="shareLi"><a class="shareTo" href="https://www.taptap.com/app/70253" target="_blank"></a></li>
                <li class="shareLi"><a class="shareTo" href="mailto:cs@hypergryph.com" target="_blank"></a></li>
            </ul>            
        </span>

    </span>

    <nav id="navPage">
        <ul>
            <li onclick="onclickPageList(0)"><a class="navPageButton" href="#home">首页<span class="navPageLi"></span></a></li>
            <li onclick="onclickPageList(1)"><a class="navPageButton" href="#information">情报<span class="navPageLi"></span></a></li>
            <li onclick="onclickPageList(2)"><a class="navPageButton" href="#staff">干员<span class="navPageLi"></span></a></li>
            <li onclick="onclickPageList(3)"><a class="navPageButton" href="#world">设定<span class="navPageLi"></span></a></li>
            <li onclick="onclickPageList(4)"><a class="navPageButton" href="#media">档案<span class="navPageLi"></span></a></li>
        </ul>
    </nav>

    <span id="pageNumber">
        <span id="nowPageNumber">01</span> / 05
    </span>

    <div id="pageList">
        <div id="home" class="page">
            <h2><img src="./img/index/title.png"></h2><br>
            <span class="homepageDisplay">
                <span>A</span><span>R</span><span>K</span><br>
                <span>N</span><span>I</span><span>G</span><br>
                <span>H</span><span>T</span><span>S</span><br>
                <span id="homepageTitle">
                    RHODES ISLAND
                </span>
            </span>
            <span id="gameDownload">
                <img src="./img/index/qrinner.png" id="gameDownloadImg" onclick="gameDlownloadReturn(this)">
                <span id="gameDownloadInfo">
                    <span>游</span><span>戏</span><span>下</span><span>载</span>
                </span>
            </span>
            <ul id="gameDownloadBy">
                <li>
                    <a id="gameDownloadByAppleStore" href="https://apps.apple.com/cn/app/id1454663939"><img
                            src="./img/index/gameDownloadByAppStore.png"></a>
                </li>
                <li>
                    <a id="gameDownloadByAndroid" href="https://ak.hypergryph.com/downloads/android_lastest"><img
                            src="./img/index/gameDownloadByAndroid.png"></a>
                </li>
                <li>
                    <a id="gameDownloadByTapTap" href="https://l.taptap.com/UsXMIuxq"><img
                            src="./img/index/gameDownloadByTapTap.png"></a>
                </li>
            </ul>
        </div>



        <div id="information" class="page">
            <h2>01 - INFORMATION</h2>
            <span>
                <ul id="informationMenu">
                    <li class="informationMenuList" onclick="informationMenuOperation(0)">最新</li>
                    <li class="informationMenuList" onclick="informationMenuOperation(1)">公告</li>
                    <li class="informationMenuList" onclick="informationMenuOperation(2)">活动</li>
                    <li class="informationMenuList" onclick="informationMenuOperation(3)">新闻</li>
                </ul>
                <div id="informationList">
                    <div id="informationImgList">
                        <a href=""><img src="./img/index/601083c241df877daf46388830489480.jpg" alt=""></a>
                        <a href=""><img src="./img/index/86de023d2a81074a26c21bc113b57c52.png" alt=""></a>
                        <a href=""><img src="./img/index/051a94bbafbbdeabc9e37db803779f66.jpg" alt=""></a>
                        <a href=""><img src="./img/index/34aee1004a865b1fa9635d2729cfba5b.png" alt=""></a>
                        <a href=""><img src="./img/index/414b3f706b35fa856ae4956875670f50.jpg" alt=""></a>
                    </div>
                    <ul id="informationImgButtons">
                        <li class="informationImgButton"></li>
                        <li class="informationImgButton"></li>
                        <li class="informationImgButton"></li>
                        <li class="informationImgButton"></li>
                        <li class="informationImgButton"></li>
                    </ul>
                </div>
                <ul class="informationNew">
                    <li class="informationNews">
                        <a href="./html/indexInformation/00001.html" target="_blank">
                            <b class="informationNewsTime">2021-05-20</b> <b class="informationNewsType">新闻</b> <b
                                class="informationNewsTitle">《明日方舟》制作组通讯#11</b>
                        </a>
                    </li>
                    <li class="informationNews">
                        <a href="https://ak.hypergryph.com/news/2021049228.html" target="_blank">
                            <b class="informationNewsTime">2021-04-24</b> <b class="informationNewsType">活动</b> <b
                                class="informationNewsTitle">[活动预告]《明日方舟》二周年庆典即将开启</b>
                        </a>
                    </li>
                    <li class="informationNews">
                        <a href="https://ak.hypergryph.com/news/2021049279.html" target="_blank">
                            <b class="informationNewsTime">2021-04-24</b> <b class="informationNewsType">活动</b> <b
                                class="informationNewsTitle">[限定寻访.庆典][深悼] 限时寻访即将开启</b>
                        </a>
                    </li>
                    <li class="informationNews">
                        <a href="https://ak.hypergryph.com/news/2021059763.html" target="_blank">
                            <b class="informationNewsTime">2021-05-19</b> <b class="informationNewsType">公告</b> <b
                                class="informationNewsTitle">[明日方舟]05月19日封禁处理公告</b>
                        </a>
                    </li>
                    <li class="informationNews">
                        <a href="https://ak.hypergryph.com/news/2021059791.html" target="_blank">
                            <b class="informationNewsTime">2021-05-12</b> <b class="informationNewsType">公告</b> <b
                                class="informationNewsTitle"> [明日方舟]05月12日16:00闪断更新公告</b>
                        </a>
                    </li>
                    <li class="informationNews">
                        <a href="https://ak.hypergryph.com/news/2021059702.html" target="_blank">
                            <b class="informationNewsTime">2021-05-12</b> <b class="informationNewsType">公告</b> <b
                                class="informationNewsTitle">[明日方舟]05月12日封禁处理公告</b>
                        </a>
                    </li>
                </ul>
                <ul class="informationNew">
                    <li class="informationNews">
                        <a href="https://ak.hypergryph.com/news/2021059763.html" target="_blank">
                            <b class="informationNewsTime">2021-05-19</b> <b class="informationNewsType">公告</b> <b
                                class="informationNewsTitle">[明日方舟]05月19日封禁处理公告</b>
                        </a>
                    </li>
                    <li class="informationNews">
                        <a href="https://ak.hypergryph.com/news/2021059791.html" target="_blank">
                            <b class="informationNewsTime">2021-05-12</b> <b class="informationNewsType">公告</b> <b
                                class="informationNewsTitle"> [明日方舟]05月12日16:00闪断更新公告</b>
                        </a>
                    </li>
                    <li class="informationNews">
                        <a href="https://ak.hypergryph.com/news/2021059702.html" target="_blank">
                            <b class="informationNewsTime">2021-05-12</b> <b class="informationNewsType">公告</b> <b
                                class="informationNewsTitle">[明日方舟]05月12日封禁处理公告</b>
                        </a>
                    </li>
                    <li class="informationNews">
                        <a href="https://ak.hypergryph.com/news/2021059729.html" target="_blank">
                            <b class="informationNewsTime">2021-05-08</b> <b class="informationNewsType">公告</b> <b
                                class="informationNewsTitle"> [明日方舟]05月08日16:00闪断更新公告</b>
                        </a>
                    </li>
                    <li class="informationNews">
                        <a href="https://ak.hypergryph.com/news/2021059748.html" target="_blank">
                            <b class="informationNewsTime">2021-05-03</b> <b class="informationNewsType">公告</b> <b
                                class="informationNewsTitle">[明日方舟]关于邮件领取异常说明</b>
                        </a>
                    </li>
                    <li class="informationNews">
                        <a href="https://ak.hypergryph.com/news/2021059215.html" target="_blank">
                            <b class="informationNewsTime">2021-05-01</b> <b class="informationNewsType">公告</b> <b
                                class="informationNewsTitle">[明日方舟]05月01日登录异常说明</b>
                        </a>
                    </li>
                </ul>
                <ul class="informationNew">
                    <li class="informationNews">
                        <a href="https://ak.hypergryph.com/news/2021049228.html" target="_blank">
                            <b class="informationNewsTime">2021-04-24</b> <b class="informationNewsType">活动</b> <b
                                class="informationNewsTitle">[活动预告]《明日方舟》二周年庆典即将开启</b>
                        </a>
                    </li>
                    <li class="informationNews">
                        <a href="https://ak.hypergryph.com/news/2021049279.html" target="_blank">
                            <b class="informationNewsTime">2021-04-24</b> <b class="informationNewsType">活动</b> <b
                                class="informationNewsTitle">[限定寻访.庆典][深悼] 限时寻访即将开启</b>
                        </a>
                    </li>
                    <li class="informationNews">
                        <a href="https://ak.hypergryph.com/news/2021049400.html" target="_blank">
                            <b class="informationNewsTime">2021-04-10</b> <b class="informationNewsType">活动</b> <b
                                class="informationNewsTitle">[活动预告]SideStory[遗尘漫步]限时活动即将开启</b>
                        </a>
                    </li>
                    <li class="informationNews">
                        <a href="https://ak.hypergryph.com/news/2021039852.html" target="_blank">
                            <b class="informationNewsTime">2021-03-23</b> <b class="informationNewsType">活动</b> <b
                                class="informationNewsTitle">[活动预告][生于黑夜]限时复刻活动即将开启</b>
                        </a>
                    </li>
                    <li class="informationNews">
                        <a href="https://ak.hypergryph.com/news/2021037150.html" target="_blank">
                            <b class="informationNewsTime">2021-03-02</b> <b class="informationNewsType">活动</b> <b
                                class="informationNewsTitle">[精英战术专家寻访]【进攻，防守，战术交汇】限时寻访即将开启</b>
                        </a>
                    </li>
                    <li class="informationNews">
                        <a href="https://ak.hypergryph.com/news/2021037111.html" target="_blank">
                            <b class="informationNewsTime">2021-03-02</b> <b class="informationNewsType">活动</b> <b
                                class="informationNewsTitle">[活动预告]【罗德岛防御协议】多为合作限时开启</b>
                        </a>
                    </li>
                </ul>
                <ul class="informationNew">
                    <li class="informationNews">
                        <a href="https://ak.hypergryph.com/news/2021059734.html" target="_blank">
                            <b class="informationNewsTime">2021-05-20</b> <b class="informationNewsType">新闻</b> <b
                                class="informationNewsTitle">《明日方舟》制作组通讯#11</b>
                        </a>
                    </li>
                    <li class="informationNews">
                        <a href="https://ak.hypergryph.com/news/2021059770.html" target="_blank">
                            <b class="informationNewsTime">2021-05-08</b> <b class="informationNewsType">新闻</b> <b
                                class="informationNewsTitle">游戏适龄提示</b>
                        </a>
                    </li>
                    <li class="informationNews">
                        <a href="https://ak.hypergryph.com/news/2021049201.html" target="_blank">
                            <b class="informationNewsTime">2021-04-27</b> <b class="informationNewsType">新闻</b> <b
                                class="informationNewsTitle">[明日方舟 x Apple 授权专卖店]线下专场活动</b>
                        </a>
                    </li>
                    <li class="informationNews">
                        <a href="https://ak.hypergryph.com/news/2021049478.html" target="_blank">
                            <b class="informationNewsTime">2021-04-06</b> <b class="informationNewsType">新闻</b> <b
                                class="informationNewsTitle">《明日方舟》制作组通讯#10期</b>
                        </a>
                    </li>
                    <li class="informationNews">
                        <a href="https://ak.hypergryph.com/news/2021027168.html" target="_blank">
                            <b class="informationNewsTime">2021-02-23</b> <b class="informationNewsType">新闻</b> <b
                                class="informationNewsTitle">《明日方舟》制作组通讯#9期</b>
                        </a>
                    </li>
                    <li class="informationNews">
                        <a href="https://ak.hypergryph.com/news/2021017337.html" target="_blank">
                            <b class="informationNewsTime">2021-01-11</b> <b class="informationNewsType">新闻</b> <b
                                class="informationNewsTitle">《明日方舟》制作组通讯#8期</b>
                        </a>
                    </li>
                </ul>
                <a id="informationToMore" href="./html/indexInformation/informationToMore.html" target="_blank">更多情报</a>
            </span>
        </div>



        <div id="staff" class="page">
            <h2>02 - STAFF</h2>
            <span id="staffsInformation">
                <ul id="staffList">
                    <li class="staffButton" id="staffButton11" onclick="changeStaffImg(3)">11<b><img
                                src="./img/index/c672e29f39f1c9d5107a6d76f7a3edbc.png">可颂</b></li>
                    <li class="staffButton" id="staffButton12" onclick="changeStaffImg(2)">12<b><img
                                src="./img/index/f553fdd8223b24764215c316d7cbbfdd.png">陈</b></li>
                    <li class="staffButton" id="staffButton13" onclick="changeStaffImg(1)">13<b><img
                                src="./img/index/c672e29f39f1c9d5107a6d76f7a3edbc.png">星熊</b></li>
                    <li class="staffButton" id="staffButton1" onclick="changeStaffImg(0)">01<b><img
                                src="./img/index/c2ca3c8b8d2fc64621156dfe09837dc0.png">阿米娅</b></li>
                    <li class="staffButton" id="staffButton2" onclick="changeStaffImg(-1)">02<b><img
                                src="./img/index/105719aaafb311d0b0f0e4bb1e554b8e.png">凯尔希</b></li>
                    <li class="staffButton" id="staffButton3" onclick="changeStaffImg(-2)">03<b><img
                                src="./img/index/c26001c9e657220110712bab8788fed7.png">红</b></li>
                    <li class="staffButton" id="staffButton4" onclick="changeStaffImg(-3)">04<b><img
                                src="./img/index/f553fdd8223b24764215c316d7cbbfdd.png">杜宾</b></li>
                    <li class="staffButton" id="staffButton5" onclick="changeStaffImg(-4)">05<b><img
                                src="./img/index/c672e29f39f1c9d5107a6d76f7a3edbc.png">临光</b></li>
                    <li class="staffButton" id="staffButton6" onclick="changeStaffImg(-5)">06<b><img
                                src="./img/index/105719aaafb311d0b0f0e4bb1e554b8e.png">赫墨</b></li>
                    <li class="staffButton" id="staffButton7" onclick="changeStaffImg(-6)">07<b><img
                                src="./img/index/c2ca3c8b8d2fc64621156dfe09837dc0.png">伊芙利特</b></li>
                    <li class="staffButton" id="staffButton8" onclick="changeStaffImg(-7)">08<b><img
                                src="./img/index/105719aaafb311d0b0f0e4bb1e554b8e.png">白面鸮</b></li>
                    <li class="staffButton" id="staffButton9" onclick="changeStaffImg(-8)">09<b><img
                                src="./img/index/7387df56dbb8d3389dc21f595783a494.png">德克萨斯</b></li>
                    <li class="staffButton" id="staffButton10" onclick="changeStaffImg(-9)">10<b><img
                                src="./img/index/54d6d7f180290fab75898f0a656b851a.png">能天使</b></li>
                </ul>
                <span id="staffImgBorder">
                    <img id="staffImg" src="./img/index/1.png">
                </span>
                <span id="staffInformationTableR"></span>
                <span class="staffInformation">
                    <span class="staffName">
                        <br>
                        <b class="staffNameCh">阿米娅</b>
                        <br>
                        <b class="staffNameEn">AMIYA</b>
                        <br>
                    </span>
                    <span class="staffSynopsis">
                        <P>
                            罗德岛的公开领袖， 在内部佣有最高执行权。虽然从外表上看起来<br>
                            仅仅是个不成熟的少女， 实际上她却是深受大家信任的合格的领<br>
                            袖。现在，阿米娅正带领着罗德岛，为了感染者的未来，为了让这片<br>
                            大地睁脱矿石病的明霾而不懈努力。
                        </P>
                    </span>
                </span>
                <span id="staffInformationTableC"></span>
                <span class="staffInformation">
                        <span class="staffName">
                            <br>
                            <b class="staffNameCh">凯尔希</b>
                            <br>
                            <b class="staffNameEn">KALTEIT</b>
                            <br>
                        </span>
                        <span class="staffSynopsis">
                            <P>
                                罗德岛最高管理者之一，阿米娅的直接辅导者。<br>
                                罗德岛医疗部门的总负责人<br>
                                作为罗德岛的老成员，凯尔希医生是在阿米娅背后最稳固的援护者
                            </P>
                        </span>
                </span>
                <span class="staffInformation">
                        <span class="staffName">
                            <br>
                            <b class="staffNameCh">红</b>
                            <br>
                            <b class="staffNameEn">PROJEKT&nbsp;RED</b>
                            <br>
                        </span>
                        <span class="staffSynopsis">
                            <P>
                                红，身份不明，履历缺失，由凯尔希医生接收、监护并担保。<br>
                                于机作战，特种作战与隐秘作战中表现出极高天赋，成绩斐然。<br>
                                现于凯尔希医生的指导下， 作为待种干员为罗德岛提供服务。
                            </P>
                        </span>
                </span>
                <span class="staffInformation">
                        <span class="staffName">
                            <br>
                            <b class="staffNameCh">杜宾</b>
                            <br>
                            <b class="staffNameEn">DOBERMANM</b>
                            <br>
                        </span>
                        <span class="staffSynopsis">
                            <P>
                                前玻利瓦尔军人， 加入罗德岛后担任教官， 主要负责基层和新晋干员<br>
                                培训。必要时刻， 也会负责对俘虏的审讯<br>
                                熟悉各种规模的军事行动， 自身作为士兵的素养也极高， 作为近卫干<br>
                                员在第一线带领队伍冲锋陷阵。

                            </P>
                        </span>
                </span>
                <span class="staffInformation">
                        <span class="staffName">
                            <br>
                            <b class="staffNameCh">临光</b>
                            <br>
                            <b class="staffNameEn">NEARL</b>
                            <br>
                        </span>
                        <span class="staffSynopsis">
                            <P>
                                临光，前卡西米尔耀骑士，感染者援助团体“使徒”的一员。在掩护<br>
                                己方干员，机动作战，歼灭战与开阔地带作战中体现出极高的战斗技<br>
                                巧和个人军事素养<br>
                                现于罗德岛作为重装干员行动， 并于现场提供术指挥支援。
                            </P>
                        </span>
                </span>
                <span class="staffInformation">
                        <span class="staffName">
                            <br>
                            <b class="staffNameCh">赫默</b>
                            <br>
                            <b class="staffNameEn">SILENCE</b>
                            <br>
                        </span>
                        <span class="staffSynopsis">
                            <P>
                                赫默，莱茵生命有限公司源石有关顶目研究员，曾主管数项未知应用<br>
                                研究。同期亦主持数个矿石病临床试验页目。<br>
                                现于罗德岛为多项行动提供战场医疗救护服务。
                            </P>
                        </span>
                </span>
                <span class="staffInformation">
                        <span class="staffName">
                            <br>
                            <b class="staffNameCh">伊芙利特</b>
                            <br>
                            <b class="staffNameEn">IFRIT</b>
                            <br>
                        </span>
                        <span class="staffSynopsis">
                            <P>
                                伊芙利特，前莱茵生命医疗对象，重度感染者。佣有极高的源石适应<br>
                                性，伴陋有多发性点火现象。进入莱茵生命前的履历缺实。<br>
                                现于罗德岛接受治疗，由医疗干员赫默担任监护与担保人。
                            </P>
                        </span>
                </span>
                <span class="staffInformation">
                        <span class="staffName">
                            <br>
                            <b class="staffNameCh">白面鸮</b>
                            <br>
                            <b class="staffNameEn">PTILOPSIS</b>
                            <br>
                        </span>
                        <span class="staffSynopsis">
                            <P>
                                白面鸮，前莱茵生命公司，数据维护员。在医疗类源石技艺领域取<br>
                                得不菲成就，于医疗数据维护，常规医疗方案应用，多顶目医疗行为<br>
                                等相关领域，佣有丰富经验。<br>
                                现于罗德岛担任医疗干员，亦就于医疗部冂， 某临床实验小组。同<br>
                                时，为罗德岛提供若干项医疗顶目的相关辅助工作。
                            </P>
                        </span>
                </span>
                <span class="staffInformation">
                        <span class="staffName">
                            <br>
                            <b class="staffNameCh">德克萨斯</b>
                            <br>
                            <b class="staffNameEn">TEXAS</b>
                            <br>
                        </span>
                        <span class="staffSynopsis">
                            <P>
                                企鹅物流员工，单兵作战能力出类拔萃。<br>
                                于合约期内任企鹅物流驻罗德岛联络人员，同时为罗德岛的多顶行动<br>
                                提供协助。
                            </P>
                        </span>
                </span>
                <span class="staffInformation">
                        <span class="staffName">
                            <br>
                            <b class="staffNameCh">能天使</b>
                            <br>
                            <b class="staffNameEn">EXUSIAI</b>
                            <br>
                        </span>
                        <span class="staffSynopsis">
                            <P>
                                能天使，拉特兰公民，适用拉特兰一至十三项公民权益。企鹅物公<br>
                                司成员。从事秘密联络，武装押运等非公开活动，推测身份：信使。<br>
                                于合约期内任企鹅物流驻罗德岛联络人员，同时为罗德岛的多顶行动<br>
                                提供协助。
                            </P>
                        </span>
                </span>
                <span class="staffInformation">
                        <span class="staffName">
                            <br>
                            <b class="staffNameCh">可颂</b>
                            <br>
                            <b class="staffNameEn">CROISSANT</b>
                            <br>
                        </span>
                        <span class="staffSynopsis">
                            <P>
                                企鹅物流员工，于合约期内任企鹅物流驻罗德岛外派干员。擅长防<br>
                                守，能同时牵制数个敌人，并佣有怪力， 能用巨锤轻松击飞瘦弱的敌<br>
                                人。
                            </P>
                        </span>
                </span>
                <span class="staffInformation">
                        <span class="staffName">
                            <br>
                            <b class="staffNameCh">陈</b>
                            <br>
                            <b class="staffNameEn">CHEN</b>
                            <br>
                        </span>
                        <span class="staffSynopsis">
                            <P>
                                陈，龙门高级警司，龙门近卫局特别督查组组长，毕业于维多利业皇<br>
                                家近卫字校，成绩优异，表现突出。在龙门近卫局供职期间，力主取<br>
                                缔龙门境内非法活动，对抗暴力犯罪和有组织犯罪，追缉武装逃犯与<br>
                                国际重犯等行动并取得多顶重大成果。<br>
                                现作为特别人员协助罗德岛行动，并为现场提供战术指挥支援。
                            </P>
                        </span>
                </span>
                <span class="staffInformation">
                        <span class="staffName">
                            <br>
                            <b class="staffNameCh">星熊</b>
                            <br>
                            <b class="staffNameEn">HOSHIGUMA</b>
                            <br>
                        </span>
                        <span class="staffSynopsis">
                            <P>
                                星熊，龙冂近卫局特别任务组精英干员。存在数顶指控记录。<br>
                                经龙门总督魏彦吾交涉，龙冂近卫局依星熊的优异力与良好表现，<br>
                                破格将其吸纳进近卫局特别督察组。在处理高危险性犯罪事件，要员<br>
                                保护、灾害紧急救援等领域表现出较高专业性。<br>
                                现作为重装干员协助罗德岛行动， 并为现场提供战术行与指挥支<br>
                                援。
                            </P>
                        </span>
                </span>
            </span>
        </div>



        <div id="world" class="page">
            <h2>03 - WORLD</h2>
            <br>
            <span id="worldListBorder">
                <ul id="worldList">
                    <li class="worldListLi" data-src="1" onclick="worldListIn('1')"><b>源石 ORIGINIUMS</b></li>
                    <li class="worldListLi" data-src="2" onclick="worldListIn('2')"><b>源石技艺 ORIGINIUM ARTS</b></li>
                    <li class="worldListLi" data-src="3" onclick="worldListIn('3')"><b>整合运动 REUNION</b></li>
                    <li class="worldListLi" data-src="4" onclick="worldListIn('4')"><b>感染者 INFECTED</b></li>
                    <li class="worldListLi" data-src="5" onclick="worldListIn('5')"><b>移动城邦 NOMADIC CITY</b></li>
                    <li class="worldListLi" data-src="6" onclick="worldListIn('6')"><b>罗德岛 RHODES ISLAND</b></li>
                </ul>
                <img id="worldImg" src="./img/index/world1.png">
                <img id="worldImgRhodes" src="./img/index/log.png">
            </span>
            <span id="worldListLisInformationBorder">
                <img src="./img/index/worldListLiImgTest.png" id="worldListLiImg">
                <span class="worldListLisInformation">
                    <span class="worldListLiName">
                        <b class="worldListLiNameCh">源石</b>
                        <b class="worldListLiNameEn">ORIGINIUMS</b>
                    </span>
                    <span class="worldListLiInformation">
                        <P>
                            大地被起因不明的天灾四处肆虐，经由天灾席卷过的土地上出现了大量的神秘矿物 ——“源石”。依赖于技术的进步，源石蕴含的能量投入工业后使得文明顺利迈入现代， 与此同时，源石本身也催生出“感染者” 的存在。
                        </P>
                    </span>
                </span>

                <span class="worldListLisInformation">
                    <span class="worldListLiName">
                        <b class="worldListLiNameCh">源石技艺</b>
                        <b class="worldListLiNameEn">ORIGINIUM ARTS</b>
                    </span>
                    <span class="worldListLiInformation">
                        <P>
                            源石被发现之后，人们发掘出一种通过它来施放一系列令物质改变原有性状的技术，这种技术被称为源石技艺，常被俗称为“法术”。源石技艺所运用的能源， 一般被认为来自于源石本身。而人是否能施放法术，以及所能施放法术的形式、强度、效果等，通常受到先天具备的素质、后天对源石技艺的学习能力这两方面因素的制约。
                        </P>
                    </span>
                </span>
                
                <span class="worldListLisInformation">
                    <span class="worldListLiName">
                        <b class="worldListLiNameCh">整合运动</b>
                        <b class="worldListLiNameEn">REUNION</b>
                    </span>
                    <span class="worldListLiInformation">
                        <P>
                            无种族立场，极端排外的感染者组织。他们宣称“感染者应对自己的身份感到骄傲，积极去获取并使用属于自己的力量” 。试图用最原始的手段去争夺世界的公正。以某座被摧毁的伟大城市为开端，医疗机构“罗德岛” 的突然介入，令整个事态向着未知发展。
                        </P>
                    </span>
                </span>

                <span class="worldListLisInformation">
                    <span class="worldListLiName">
                        <b class="worldListLiNameCh">感染者</b>
                        <b class="worldListLiNameEn">INFECTED</b>
                    </span>
                    <span class="worldListLiInformation">
                        <P>
                            被源石所感染的人。理论致死率1 ％，死亡时存在扩散传染性以及潜在危险能力，是各国隔离驱逐的目标。长久以来，没人告诉他们该如何渡过余生，如今伴随着一位覆者的出现，越来越多的感染者被纳入一场名为“整合运动” 的反抗浪潮。
                        </P>
                    </span>
                </span>

                <span class="worldListLisInformation">
                    <span class="worldListLiName">
                        <b class="worldListLiNameCh">移动城邦</b>
                        <b class="worldListLiNameEn">NOMADIC CITY</b>
                    </span>
                    <span class="worldListLiInformation">
                        <P>
                            建造在可移动设备上的城市。频繁发生且破坏力巨大的天灾，迫使几平妒有的国家， 都需要采用定期迁移家园与聚落的方式进行躲避。而移动城市，正是在这种需求下慢慢诞生的。人们在迁徙的过程中，尝试将建筑和种种装置安设在移动设备才，并不断地扩大载具的规模。在文明与技术的演变之下，人们最终创造出了十分庞大的移动城市
                        </P>
                    </span>
                </span>

                <span class="worldListLisInformation">
                    <span class="worldListLiName">
                        <b class="worldListLiNameCh">罗德岛</b>
                        <b class="worldListLiNameEn">RHODES ISLAND</b>
                    </span>
                    <span class="worldListLiInformation">
                        <P>
                            罗德岛制药公司作为感染者问题专家，聘用感染者，深入危险地区，通过种种手段，已经成功解决了数起感染者引发的事件。而今，他们将面对史无前例的感染者暴乱。在各个势力间游走，发掘不为人知的内幕，抵挡感染者的疯狂进攻，你的决策将决定罗德岛的方向。
                        </P>
                    </span>
                </span>
                <span id="outWorldListLi"  onclick="outWorldList()"></span>
                <span id="outWorldListLiLineRowLeft"></span>
                <span id="outWorldListLiLineRowRight"></span>
                <span id="outWorldListLiLineColTop"></span>
                <span id="outWorldListLiLineColBottom"></span>
                <span id="lastWorldListLi"  onclick="lastWorldList()"></span>
                <span id="nextWorldListLi"  onclick="nextWorldList()"></span>
            </span>
        </div>



        <div id="media" class="page">
            <h2>04 - MEDIA</h2>
            <br>
            <div id="mediaList">
                <span id="mediaImg">
                    <img src="./img/index/media0.png" alt="" class="mediaImgList">
                    <img src="./img/index/media1.png" alt="" class="mediaImgList">
                    <img src="./img/index/media2.png" alt="" class="mediaImgList">
                    <img src="./img/index/media3.png" alt="" class="mediaImgList">
                    <img src="./img/index/media4.png" alt="" class="mediaImgList">
                    <img src="./img/index/media5.png" alt="" class="mediaImgList">
                    <img src="./img/index/media6.png" alt="" class="mediaImgList">
                    <img src="./img/index/media7.png" alt="" class="mediaImgList">
                    <img src="./img/index/media8.png" alt="" class="mediaImgList">
                    <img src="./img/index/media9.png" alt="" class="mediaImgList">
                    <img src="./img/index/media10.png" alt="" class="mediaImgList">
                    <img src="./img/index/media11.png" alt="" class="mediaImgList">
                    <img src="./img/index/media12.png" alt="" class="mediaImgList">
                    <img src="./img/index/media13.png" alt="" class="mediaImgList">
                    <img src="./img/index/media14.png" alt="" class="mediaImgList">
                    <img src="./img/index/media15.png" alt="" class="mediaImgList">
                    <img src="./img/index/media16.png" alt="" class="mediaImgList">
                    <img src="./img/index/media17.png" alt="" class="mediaImgList">
                </span>  
                <br>
                    <ul id="mediaListLis">
                        <li class="mediaListLi" onclick="ToMediaListLi(0)"><img src="./img/index/media0.png"></li>
                        <li class="mediaListLi" onclick="ToMediaListLi(1)"><img src="./img/index/media1.png"></li>
                        <li class="mediaListLi" onclick="ToMediaListLi(2)"><img src="./img/index/media2.png"></li>
                        <li class="mediaListLi" onclick="ToMediaListLi(3)"><img src="./img/index/media3.png"></li>
                        <li class="mediaListLi" onclick="ToMediaListLi(4)"><img src="./img/index/media4.png"></li>
                        <li class="mediaListLi" onclick="ToMediaListLi(5)"><img src="./img/index/media5.png"></li>  
                        <li class="mediaListLi" onclick="ToMediaListLi(6)"><img src="./img/index/media6.png"></li>
                        <li class="mediaListLi" onclick="ToMediaListLi(7)"><img src="./img/index/media7.png"></li>
                        <li class="mediaListLi" onclick="ToMediaListLi(8)"><img src="./img/index/media8.png"></li>  
                        <li class="mediaListLi" onclick="ToMediaListLi(9)"><img src="./img/index/media9.png"></li>
                        <li class="mediaListLi" onclick="ToMediaListLi(10)"><img src="./img/index/media10.png"></li>
                        <li class="mediaListLi" onclick="ToMediaListLi(11)"><img src="./img/index/media11.png"></li>  
                        <li class="mediaListLi" onclick="ToMediaListLi(12)"><img src="./img/index/media12.png"></li>
                        <li class="mediaListLi" onclick="ToMediaListLi(13)"><img src="./img/index/media13.png"></li>
                        <li class="mediaListLi" onclick="ToMediaListLi(14)"><img src="./img/index/media14.png"></li>  
                        <li class="mediaListLi" onclick="ToMediaListLi(15)"><img src="./img/index/media15.png"></li>
                        <li class="mediaListLi" onclick="ToMediaListLi(16)"><img src="./img/index/media16.png"></li>
                        <li class="mediaListLi" onclick="ToMediaListLi(17)"><img src="./img/index/media17.png"></li>        
                    </ul>           
            </div>

            <span id="mediaInformations">
                <b class="mediaInformation">
                    <b class="mediaInformationIndex">01</b><br>
                    <b class="mediaInformationTitle">第二把赤霄</b><br>
                    <b class="mediaInformationTag">#决战#</b>
                </b>
                <b class="mediaInformation">
                    <b class="mediaInformationIndex">02</b><br>
                    <b class="mediaInformationTitle">笔记</b><br>
                    <b class="mediaInformationTag">#企鹅物流的秘密#</b>
                </b>
                <b class="mediaInformation">
                    <b class="mediaInformationIndex">03</b><br>
                    <b class="mediaInformationTitle">安洁莉娜</b><br>
                    <b class="mediaInformationTag">#信使#</b>
                </b>
                <b class="mediaInformation">
                    <b class="mediaInformationIndex">04</b><br>
                    <b class="mediaInformationTitle">莱茵生命</b><br>
                    <b class="mediaInformationTag">#科研#</b>
                </b>
                <b class="mediaInformation">
                    <b class="mediaInformationIndex">05</b><br>
                    <b class="mediaInformationTitle">端午</b><br>
                    <b class="mediaInformationTag">#炎国水乡#</b>
                </b>
                <b class="mediaInformation">
                    <b class="mediaInformationIndex">06</b><br>
                    <b class="mediaInformationTitle">龙门</b><br>
                    <b class="mediaInformationTag">#邻街一角#</b>
                </b>
                <b class="mediaInformation">
                    <b class="mediaInformationIndex">07</b><br>
                    <b class="mediaInformationTitle">谜团</b><br>
                    <b class="mediaInformationTag">#源石#</b>
                </b>
                <b class="mediaInformation">
                    <b class="mediaInformationIndex">08</b><br>
                    <b class="mediaInformationTitle">启航</b><br>
                    <b class="mediaInformationTag">#任务外出#</b>
                </b>
                <b class="mediaInformation">
                    <b class="mediaInformationIndex">09</b><br>
                    <b class="mediaInformationTitle">企鹅物流</b><br>
                    <b class="mediaInformationTag">#办公室#</b>
                </b>
                <b class="mediaInformation">
                    <b class="mediaInformationIndex">10</b><br>
                    <b class="mediaInformationTitle">启示</b><br>
                    <b class="mediaInformationTag">#大厅#</b>
                </b>
                <b class="mediaInformation">
                    <b class="mediaInformationIndex">11</b><br>
                    <b class="mediaInformationTitle">死灰复燃</b><br>
                    <b class="mediaInformationTag">#不死的黑蛇#</b>
                </b>
                <b class="mediaInformation">
                    <b class="mediaInformationIndex">12</b><br>
                    <b class="mediaInformationTitle">苏醒</b><br>
                    <b class="mediaInformationTag">#石馆之间#</b>
                </b>
                <b class="mediaInformation">
                    <b class="mediaInformationIndex">13</b><br>
                    <b class="mediaInformationTitle">乌萨斯学生自治团</b><br>
                    <b class="mediaInformationTag">#回忆中的教室#</b>
                </b>
                <b class="mediaInformation">
                    <b class="mediaInformationIndex">14</b><br>
                    <b class="mediaInformationTitle">瑕光</b><br>
                    <b class="mediaInformationTag">#胜利的荣光#</b>
                </b>
                <b class="mediaInformation">
                    <b class="mediaInformationIndex">15</b><br>
                    <b class="mediaInformationTitle">谢拉格</b><br>
                    <b class="mediaInformationTag">#喀兰贸易#</b>
                </b>
                <b class="mediaInformation">
                    <b class="mediaInformationIndex">16</b><br>
                    <b class="mediaInformationTitle">预备组</b><br>
                    <b class="mediaInformationTag">#行动预备组A4#</b>
                </b>
                <b class="mediaInformation">
                    <b class="mediaInformationIndex">17</b><br>
                    <b class="mediaInformationTitle">整装出发</b><br>
                    <b class="mediaInformationTag">#印象图#</b>
                </b>
                <b class="mediaInformation">
                    <b class="mediaInformationIndex">18</b><br>
                    <b class="mediaInformationTitle">追忆</b><br>
                    <b class="mediaInformationTag">过去的村庄</b>
                </b>
            </span>
            <span id="lastMediaListLi" onclick="lastMediaLi()"></span>
            <span id="nextMediaListLi" onclick="nextMediaLi()"></span>
        </div>
    </div>

    <footer id="footer">
        <hr />
        <ul id="friend">
            <li class="friendLi"><a href="https://www.hypergryph.com/agreement" target="_blank">用户注册协议</a></li>
            <li class="friendLi"><a href="https://www.hypergryph.com/service" target="_blank">游戏使用许可及服务协议</a></li>
            <li class="friendLi"><a href="https://www.hypergryph.com/privacy" target="_blank">隐私协议</a></li>
            <li class="friendLi"><a href="https://www.hypergryph.com/custody" target="_blank">家长监护</a></li>
            <li class="friendLi"><a href="./html/about.html" target="_blank">关于我们</a></li>
        </ul>
        <br>
        <ul id="footerInforMation">
            <li class="footerInforMationLi">沪ICP备17022476号-1</li>
            <li class="footerInforMationLi">ISBN 978-7-498-05646-7</li>
            <li class="footerInforMationLi">沪公网安备 31010402005145号</li>
            <li class="footerInforMationLi">沪网文[2018] 0803-067号</li>
            <li class="footerInforMationLi">国新出审 [2019] 49号</li>
        </ul>
        <br>
        <p id="footerPromptInforMation">亲爱的市民朋友，上海警方反诈劝阻电话“962110” 系专门针对避免您财产被骗损而设，请您一旦收到来电，立即接听。</p>
        <hr>
        <img id="footImgLog" src="./img/index/copyright.png">
        <img id="footImgAge" src="./img/index/age-tip.png">
        <div id="footMessage">
            <p>本网络游戏适合年满16 周岁以上的用户使用；为了您的健康，请合理控制游戏时间。</p>
            <p>抵制不良游戏拒绝盗版游戏注意自我保护谨防受骗上当适度游戏益脑沉迷游戏伤身合理安排时间享受健康生活</p>
            <p>Copyright@2021 上海鹰角网络科技有限公司上海市定区南镇裉路799 号昌辉大厦504-1室电话：021-64399377 客服QQ:800830064</p>
        </div>
    </footer>
    
    <script type="text/javascript" src="./js/script.js"></script>
    <script type="text/javascript" src="./js/mouseCircle.js"></script>
</body>

</html>
